// pages/hot/hot.js
Page({

    /* 页面的初始数据 */
    data: {
      datalist: [],
      word: "迪丽热巴",    // 默认关键词
      start: 0   //数据数组长度
    },

    // 输入框输入监听函数：输入时修改关键词word
    getword:function (e) {
      //判断输入是否为空
      const word = e.detail.value
      if (!word) {
        //输入为空直接return，并默认搜索“迪丽热巴”
        this.setData({
          word: "迪丽热巴"
        })
        return
      }
      //修改word关键词
      this.setData({
        word: e.detail.value
      })
    },

    /* 生命周期函数--监听页面加载 */
    onLoad(options) {
      // title设置
      wx.setNavigationBarTitle({
        title: '热门壁纸',
      })
      const start = this.data.start
      //调用渲染页面数据的方法
      this.getdata(start)
    },

    //点击搜索：触发数据的获取
    sreach:function () {
      //数据重置
      this.setData({
        datalist:[],
        start: 0
      })
      const start = this.data.start
      this.getdata(start)
    },
    //渲染数据
    getdata:function (start) {
      // 拿到原数组
      const datalist = this.data.datalist
      // 取到关键词
      const word= this.data.word
      /* 将当前的this对象复制一份给that变量，因为this是不断变化的  */ 
      const that = this
      wx.request({
        /* url是堆糖搜索时的请求接口url，关键词是kw和after_id */ 
        url: 'https://www.duitang.com/napi/blogv2/list/by_search/?kw='+ word +'&after_id='+ start +'&type=feed&include_fields=top_comments%2Cis_root%2Csource_link%2Citem%2Cbuyable%2Croot_id%2Cstatus%2Clike_count%2Clike_id%2Csender%2Calbum%2Creply_count%2Cfavorite_blog_id&_type=&_=1653729914442',
        success: (result) => {
          //  如果出现访问不到就结束
          if(result.data.status===4){
            return
          }  
          that.setData({ 
            //进行新原数组的合并
            datalist: datalist.concat(result.data.data.object_list),
          })
        },
      })
    },

    /* 页面上拉触底事件的处理函数 */
    onReachBottom() {
      // 展示加载时间
      wx.showLoading({
        title: '图片加载中',
      })
      // 拿到原数组，在其基础上进行新数组的合并和重新渲染
      let start = this.data.start
      start += 24
      this.setData({
        start: start
      })
      this.getdata(start)
      // 关闭加载
      setTimeout(function(){
        wx.hideLoading()
      },1000)
    },

    // 点击跳转详情页
    imgshow:function(e) {
      // 拿到当前图片的数据
      const index = e.currentTarget.dataset.index;
      const datalist = this.data.datalist
      // 整理数据
      const dataobj = {
        url: datalist[index].photo.path,
        title: datalist[index].msg,
        time: datalist[index].add_datetime_pretty,
        username: datalist[index].sender.username,
        userpic: datalist[index].sender.avatar
      }
      // 页面跳转接口
      wx.navigateTo({
        url: '../detail/detail',
        success: (result) => {
          // 通过 eventChannel 向被打开页面传送数据
          result.eventChannel.emit('acceptDataFromOpenerPage', { data: dataobj })
        },
      })
    }
})